<div
    class="m-grid m-grid--hor m-grid--root m-page"
    [ngClass]="{ 'subscription-bar-visible': subscriptionStatusBarVisible() }"
>
    <default-layout *ngIf="theme == 'default'"></default-layout>
</div>

<loginAttemptsModal #loginAttemptsModal></loginAttemptsModal>
<linkedAccountsModal
    *ngIf="!installationMode"
    #linkedAccountsModal
    (modalClose)="getRecentlyLinkedUsers()"
></linkedAccountsModal>
<changePasswordModal #changePasswordModal></changePasswordModal>
<changeProfilePictureModal #changeProfilePictureModal></changeProfilePictureModal>
<mySettingsModal #mySettingsModal (modalSave)="onMySettingsModalSaved()"></mySettingsModal>
<notificationSettingsModal #notificationSettingsModal></notificationSettingsModal>

<commonLookupModal #userLookupModal></commonLookupModal>
<!-- <chat-bar #chatBarComponent *ngIf="!installationMode" [userLookupModal]="userLookupModal"></chat-bar> -->
<cost-bar></cost-bar>
<!-- <theme-selection-panel #themeSelectionPanelComponent *ngIf="!installationMode"></theme-selection-panel> -->
